import React from 'react'
import './zl.css'
import { useNavigate } from 'react-router-dom'
export default function Zl() {
    const navigate =useNavigate()
    return (
        <div className='zl-all'>
            <div className="zhead">
                <p  onClick={()=>{navigate('/shez')}}>
                    &lt;<span>个人资料</span>
                </p>
            </div>
            <div className="zmain">
                <img src="" alt="" /><br/>
                <p>点击修改头像</p>
            </div>
            <div className="zfot">
                <div>
                    <p>昵称</p><span>星河在眼里&gt;</span>
                </div>
                <hr/>
                <div>
                    <p>ID</p><span>2099130073031&gt;</span>
                </div>
                <hr/>
                <div>
                    <p>简洁</p><span>一起运动一起成长&gt;</span>
                </div>
                <hr/>
                <div>
                    <p>性别</p><span><button>男生</button><button>女生</button></span>
                </div>
            </div>
        </div>
    )
}
